<template>
	<div>
		<LoginHeader>
			<div style="font-size: 20px;" slot="i">
				<router-link to="/index/medal">
					<span class="el-icon-arrow-left"></span>
				</router-link>
			</div>
			<div style="font-size: 20px;" slot="title">早起的鸟儿</div>
		</LoginHeader>
		<div>
			<img src="./img/7.png" />
		</div>
		<div>
			<img src="./img/6.png" />
		</div>
		<div class="ifoot">
		    <div class="le">
				<a>
					<img src="./img/10.png" />
				</a>
				
			</div>
		    <div class="ce">
				<a>
					<img src="./img/9.png" />
				</a>
				
			</div>
		   <div class="ri">
		   	<router-link to="/medal/weibo">
		   		<a>
		   			<img src="./img/11.png" />
		   		</a>
		   	</router-link>
		   </div>
		</div>
	</div>
</template>

<script>
	import LoginHeader from '../../components/njrcomponents/login_header.vue'
	export default {
		name:'Loginheader',
		
		components:{
			LoginHeader
		}
	}
</script>

<style lang="less" scoped>
	img{
		width: 100%;
	}
	.ifoot{
	    display: flex;
	    justify-content: space-between;
		line-height:40px;
		text-align: center;
		
	}
	.le{
		font-size:40px;
		width: 33%;
	}
	.ri{
		width: 33%;
		font-size: 40px;
	}
	.ce{
		flex: 1;
		font-size:40px;
	}
	.ifoot img{
		width: 50%;
	}
	
	a{
		display: inline-block;
	}
	.le img{
		margin-top: 8px;
	}
</style>
